import React, { memo } from 'react'
import {ThemeCoverWrap} from './style'
import {getSizeImage,formatNumber} from 'utils/format-utils'
export default memo(function HNThemeCover(props) {
  
  const {item} = props;
  return (
    <ThemeCoverWrap>
      <div className="item">
        <img src={getSizeImage(item.picUrl||item.coverImgUrl,140)} alt="" className="img"/>
        <i className="sprite_cover mask"></i>
        <div className="control sprite_covor">
          <div className="left">
            <i className="microphone sprite_icon"></i>
            <span>{formatNumber(item.playCount)}</span>
          </div>
          <div className="right">
          <i className="play sprite_icon"></i>
          </div>
        </div>
        <a href="todo" className="text">{item.name}</a>
      </div>
    </ThemeCoverWrap>
  )
})
